<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>用户注册</title>
<style type="text/css">
body{background-image:url(../%E5%A4%A7%E4%BD%9C%E4%B8%9A%E5%9B%BE%E7%89%87/b3.jpg); background-size:cover;}
h1{margin-left:500px; color:#960; font-family:楷体;}
p{font-size:24px; color:#96C;}
#form{margin-left:300px; margin-top:60px;}
#form ul{margin:0 auto}
#form ul li{list-style:none; font-style:italic; font-size:18px;}
.button{margin-left:80px; margin-top:50px;}
.button li{float:left; padding-left:20px;}
.reg{width:123px;height:40px;font-size:16px;margin-top:1px;color:#000;float:left;border:1px solid;
     border-color: rgba(255, 255, 255, 0.6);/*边框颜色：红色值，绿色值，蓝色值，透明度（0全透明，1不透明）*/
	 background-color: rgba(255, 255, 255, 0.5);/*背景颜色：红色值，绿色值，蓝色值，透明度（0全透明，1不透明）*/
     border-radius:7px 7px 7px 7px;}/*圆角矩形：左上，右上，右下，左下*/
.reg:hover{background-color:#fff;}
.text{background:#FF9; border-radius:7px 7px 7px 7px;}
</style>
<script type="text/javascript">
function closewindow()
{
    window.close();
}
</script>
</head>

<body>
<h1>用户注册</h1>

<form id="form">
<ul>
<li>用户名：&nbsp; <input type="text" class="text"></li>
<br>
<li>性别：&nbsp; &nbsp; <input type="radio" name="sex" value="0" class="box">男
                       <input type="radio" name="sex" value="1" class="box">女
</li>
<br>
<li>爱好：&nbsp; &nbsp; <input type="checkbox" name="hobby" value="1">打游戏
                       <input type="checkbox" name="hobby" value="2">学习
                       <input type="checkbox" name="hobby" value="3">运动
                       <input type="checkbox" name="hobby" value="4">音乐
</li>
<br>
<li>密码：&nbsp; &nbsp; <input type="password" class="text"></li>
<br>
<li>确认密码：<input type="password" class="text"></li>
<br>
<li>安全邮箱：<input type="text" class="text">
    <font color="#FF0000">such邮箱无法接受本网邮件，请使用其他邮箱</font>
</li>
<br>
<li>密保问题1:<select name="" class="text">
             <option value="" >--请选择密保问题--</option>
             <option value="1">你父亲的名字</option>
             <option value="2">你母亲的名字</option>
             <option value="3">你母亲的生日</option>
             </select>
     &nbsp; 答案：<input type="text" class="text">
</li>
<br>
<div class="button">     
<li>
<input type="submit" value="提交" class="reg">
</li>
<li>
<input type="reset" value="重置" class="reg">
</li>
<li>
<input type="button" value="返回" onClick="closewindow()" class="reg">
</li>
</div>
</ul>
</form>
</body>
</html>
